import './assets/main.css'
import 'es6-promise/auto';
import { createApp } from 'vue';
import ElementPlus from 'element-plus';
import 'element-plus/dist/index.css';
import * as ElementPlusIconsVue from '@element-plus/icons-vue';
import App from "@/App.vue";
import router from "@/router";
import "@/styles/common.scss"
import "@/styles/var.scss"
import {lazyPlugin} from "@/directives/index.js"; //自定义懒加载插件
import {createPinia} from "pinia";
import 'element-plus/dist/index.css' // 全局样式（关键步骤）
import './index.css' // 引入 Tailwind CSS
import FontAwesomePlugin from './plugins/font-awesome.js' // 引入 Font Awesome

const app = createApp(App);
const pinia = createPinia();

// 全局注册 Element Plus 图标组件
Object.keys(ElementPlusIconsVue).forEach((key) => {
    app.component(key, ElementPlusIconsVue[key]);
});

app.use(FontAwesomePlugin)
app.use(ElementPlus);
app.use(router);
app.use(pinia);
app.use(lazyPlugin)
app.mount('#app');
